{% extends 'base.html' %}
{% load humanize %}
{% load custom_filters  %}
{% load math_extras %}
{% block content %}
<h1 class="text-3xl font-semibold text-center text-gray-800 my-6">Etat des stocks</h1>
        
<br>

        {% csrf_token %}
        <table>
          <tr>
              <td style="width: 90%;"><button  id="erp" name="erp"   class= "btn btn-outline-success" >Générer les mouvements ERP</button></td>
              <td style="width: 10%; text-align: right;">
                
              </td>
              <td style="width: 10%" ></td>
              
          </tr>
       </table>
       <table class="table table-striped" border="1" name="pdp_products" id="pdp_products">
        <thead>
          <tr >
              <th style="text-align: center;vertical-align: middle;" onclick="sortTable(0)">Id</th>
              <th style="text-align: center;vertical-align: middle;" onclick="sortTable(0)">Code</th>
              <th style="text-align: center;vertical-align: middle;" onclick="sortTable(1)">Désignation</th>
              <th style="text-align: center;vertical-align: middle;" onclick="sortTable(2)">Quantité en Stock</th>
              <th style="text-align: center;vertical-align: middle;" onclick="sortTable(2)">Quantité Disponible</th>
          </tr>
        </thead>
        <tbody >

          {% for produit in Articles %}
          
          <tr class="clickable-row">
            <td >
              {{ produit.id }}
            </td>
            <td >
                {{ produit.default_code }}
            </td>
            <td >
                {{ produit.name }}
            </td>
            <td style="text-align: right;width: 100px;">
              {{ produit.qty_available|intspace }}
            </td>
            <td style="text-align: right;width: 100px;">
              {{ produit.virtual_available|intspace }}
            </td>
          {% endfor %}
        </tbody>
      </table>
        
<script> 
$(document).ready(function () 
    {
        $("#erp").click(function ()

        {
          console.log("demmarage");
            $.ajax({
                        url: '/Transfert_Inter_Composany/',  // URL of the Django view
                        type: 'POST',
                        data: {
                            
                            
                            'csrfmiddlewaretoken': '{{ csrf_token }}'  // CSRF token for security
                        },
                        success: function(data) {
                            alert(data.Response);
                            window.location.href = '/Stock_ERP/';
                        },
                        error: function(xhr, status, error) {
                            // Handle errors
                            console.log("Erreur : " + error);
                        }
                    }); 

        });
    });

</script>
{% endblock %}